<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改和添加元素</title>
    <style>
        span {
            color: red; // 文字颜色
        }
    </style>
</head>
<body>
<h3> 操作数组</h3>
<p>
重新给数组一个元素赋值 <br>
数组名[下标] = 新值
</p>
<p>
数组添加新的数据 <br>
<span>数组名.unshift(新元素1, 新元素2)</span>  方法将一个或多个元素添加到数组的 开头，并返回该数组的新长度<br>
<span>数组名.push(新元素1, 新元素2)</span>   方法将一个或多个元素添加到数组的 末尾，并返回该数组的新长度 (重点)
</p>
<hr>

<script>
    /* 演示修改数组的元素 */
    let 数组 = ['孙', '张岩', '张凯']
    // 修改元素, 重新赋值元素, 根据下标对应的元素修改
    数组[0] = '孙新罡'
    console.log(数组) // 输出到控制台

    // 给所有的数组元素后面加个先生
    for (let i = 0; i < 数组.length; i++) {
        数组[i] = 数组[i] + '先生' // 字符串拼接
    }
    console.log(数组) // 输出到控制台


    /* 演示添加数组的元素 */
    // 新增元素
    数组.unshift('数组开头,添加元素')
    数组.push('数组末尾,添加元素')
    // 输出到 控制台信息, 看添加结果
    console.log(数组)

    /*说明一个特殊的写法, 在特定位置添加数组元素*/
    let 数组4 = ['孙新罡1', '张岩2', '张凯3']
    数组4.splice(1, 0, '添加的元素', '00')  // 索引号1的位置开始删，只删除0个元素, 开始添加的元素
    // 输出到 控制台信息, 看添加结果
    console.log(数组4)
</script>
</body>
</html>